<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单位管理</title>
<!--    &lt;!&ndash; Bootstrap table &ndash;&gt;-->
<!--    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap&ndash;&gt;-->
<!--    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">-->
<!--    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>-->
<!--    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap-table&ndash;&gt;-->
<!--    <link href="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.css" rel="stylesheet">-->
<!--    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap-table-lanuage&ndash;&gt;-->
<!--    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table-locale-all.min.js"></script>-->
    <script src="/js/jquery.min.js"></script>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <!--    <link href="/css/bootstrap-table.min.css" rel="stylesheet">-->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/dist/bootstrap-table.min.js"></script>
</head>

<script>
    $(function(){
        initTable();
    });
    function initTable(){
        var url = "Administrationlist";
        $('#table').bootstrapTable({
            method:'GET',
            dataType:'json',
            contentType: "application/x-www-form-urlencoded",
            cache: false,
            striped: true,                              //是否显示行间隔色
            // sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            url:url,
             pagination:true,
            queryParams : function(params){
                return params
            },
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 2,                       //每页的记录行数（*）
            pageList: [2, 3, 4, 5],        //可供选择的每页的行数（*）
            columns: [
                {
                    field : 'id',
                    title : 'ID',
                    align : 'center',
                    valign : 'middle',
                    sortable : true
                },  {
                    field : 'name',
                    title : '单位名称',
                    align : 'center',
                    valign : 'middle',
                    sortable : true ,

                },{
                    title : '操作',
                    align : 'center',
                    valign : 'middle',
                    sortable : true ,
                    formatter : function (value, row, index) {
                        // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                        var html = ' <a href="" onclick="editModel(' + row.id + ')">查看人员</a>&nbsp; | &nbsp;' +
                            ' <a href="#"  onclick="daochuModel()">导出人员</a>&nbsp; | &nbsp;' +
                            ' <a href=""  onclick="accountDel(' + row.id + ')">账号停用</a>';
                        return html;
                        return value;
                    }
                    }]
        });
    }

    var accountDel=function(id){
        window.localStorage.setItem("id",id);
        $.ajax({
            url:"accountDelete",
            type:"get",
            data:{
                id:id
            },
            dataType:"json",
            success:function(data){
                if(data=='yes'){
                    alert("已停用");
                }else{
                    alert("停用失败")
                }
            }
        })
    }

    function  daochuModel(){
        //这里获得一些要前台查询的数据
        // 这里不能用ajax的方式，用ajax方式请求，会直接输出流
        location.href= "/daochuModelList";

    }

    function  daoExl(){
        //这里获得一些要前台查询的数据
        // 这里不能用ajax的方式，用ajax方式请求，会直接输出流
        location.href= "/daoExlList";

    }
    function  daoRenExl(){
        //这里获得一些要前台查询的数据
        // 这里不能用ajax的方式，用ajax方式请求，会直接输出流
        location.href= "/daoRenExlList";

    }
    var  editModel = function (id) {
        alert(id)
       // location.href= "/lookplayer?id="+id;
        $.ajax({
            url:"lookplayer",
            type:"get",
            data:{
                id:id
            },
            dataType:"json",
            success:function(data){
               alert(JSON.stringify(data));
            }
        })
    }
</script>
<body>
<div class="container">
    <div class="select">
        <hr size="5px" />
        <h3>单位管理</h3>
        <hr size="5px" />
    </div>
    <div>
        <button style="float: right" onclick="daoExl()">导出所有单位人员名单</button>
        <button style="float: right" onclick="daoRenExl()">导出所有单位名单</button>
        <table id="table"></table>
    </div>
</div>
</body>
</html>